<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>加强附魔金苹果 - Minecraft 1.21.8 模组</title>
    <meta name="description" content="Minecraft 1.21.8 加强附魔金苹果模组 - 增强金苹果效果，无限不死图腾，超强火焰弹投掷！">
    <meta name="keywords" content="Minecraft, 模组, 金苹果, 不死图腾, Fabric, 1.21.8">
    <link rel="stylesheet" href="css/style.css">
    <link rel="icon" href="images/favicon.ico" type="image/x-icon">
    
    <!-- 字体图标 -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap" rel="stylesheet">
</head>
<body>
    <!-- 导航栏 -->
    <header class="navbar">
        <nav class="nav-container">
            <div class="nav-logo">
                <img src="images/logo.svg" alt="加强附魔金苹果模组" class="logo-icon">
                <span data-key="nav.logo">加强附魔模组</span>
            </div>
            <ul class="nav-menu">
                <li><a href="#home" class="nav-link" data-key="nav.home">首页</a></li>
                <li><a href="#features" class="nav-link" data-key="nav.features">功能特色</a></li>
                <li><a href="#download" class="nav-link" data-key="nav.download">下载</a></li>
                <li><a href="#tutorial" class="nav-link" data-key="nav.tutorial">教程</a></li>
                <li><a href="#commands" class="nav-link" data-key="nav.commands">命令指南</a></li>
                <li><a href="#bugreport" class="nav-link" data-key="nav.bugreport">Bug反馈</a></li>
                <li><a href="#changelog" class="nav-link" data-key="nav.changelog">更新日志</a></li>
                <li><a href="#about" class="nav-link" data-key="nav.about">关于</a></li>
            </ul>
            <div class="nav-actions">
                <div class="language-switcher">
                    <button id="language-toggle" class="lang-btn" title="Switch Language / 切换语言">
                        <i class="fas fa-globe"></i>
                        <span class="lang-text">EN</span>
                    </button>
                </div>
                <div class="admin-access">
                    <button id="admin-login" class="admin-btn" title="管理员登录 / Admin Login">
                        <i class="fas fa-shield-alt"></i>
                    </button>
                </div>
            </div>
            <div class="hamburger">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </nav>
    </header>

    <!-- 主横幅 -->
    <section id="home" class="hero">
        <div class="hero-container">
            <div class="hero-content">
                <h1 class="hero-title">
                    <span class="gradient-text" data-key="hero.title">增强附魔模组</span>
                </h1>
                <p class="hero-subtitle" data-key="hero.subtitle">Minecraft 1.21.8 终极增强模组</p>
                <p class="hero-description" data-key="hero.description">
                    体验前所未有的Minecraft冒险！超强金苹果效果、无限不死图腾、威力强劲的火焰弹投掷，
                    让你的游戏体验提升到全新层次。
                </p>
                <div class="hero-buttons">
                    <a href="#download" class="btn btn-primary">
                        <i class="fas fa-download"></i>
                        <span data-key="hero.download">立即下载</span>
                    </a>
                    <a href="#features" class="btn btn-secondary">
                        <i class="fas fa-star"></i>
                        <span data-key="hero.features">查看功能</span>
                    </a>
                </div>
                <div class="hero-stats">
                    <div class="stat">
                        <span class="stat-number">1.21.8</span>
                        <span class="stat-label" data-key="hero.stat.version">支持版本</span>
                    </div>
                    <div class="stat">
                        <span class="stat-number">Fabric</span>
                        <span class="stat-label" data-key="hero.stat.platform">模组平台</span>
                    </div>
                    <div class="stat">
                        <span class="stat-number">1.1.0</span>
                        <span class="stat-label" data-key="hero.stat.current">当前版本</span>
                    </div>
                </div>
            </div>
            <div class="hero-image">
                <img src="images/hero-minecraft.png" alt="Minecraft游戏截图">
            </div>
        </div>
    </section>

    <!-- 功能特色 -->
    <section id="features" class="features">
        <div class="container">
            <div class="section-header">
                <h2 data-key="features.title">强大功能特色</h2>
                <p data-key="features.subtitle">四大核心功能，重新定义你的Minecraft体验</p>
            </div>
            <div class="features-grid">
                <div class="feature-card pulse-hover">
                    <div class="feature-icon">
                        <i class="fas fa-apple-alt"></i>
                    </div>
                    <h3 data-key="features.apple.title">增强金苹果</h3>
                    <p data-key="features.apple.desc">金苹果效果大幅增强，提供多达9种强力状态效果，包括生命恢复III、吸收III、力量II等，让你在战斗中无所畏惧！</p>
                    <ul class="feature-list">
                        <li><i class="fas fa-heart"></i> <span data-key="features.apple.effect1">生命恢复 III (15秒)</span></li>
                        <li><i class="fas fa-shield-alt"></i> <span data-key="features.apple.effect2">吸收 III (3分钟)</span></li>
                        <li><i class="fas fa-fire"></i> <span data-key="features.apple.effect3">抗火 (8分钟)</span></li>
                        <li><i class="fas fa-fist-raised"></i> <span data-key="features.apple.effect4">力量 II (5分钟)</span></li>
                        <li><i class="fas fa-running"></i> <span data-key="features.apple.effect5">速度 II (5分钟)</span></li>
                    </ul>
                </div>
                
                <div class="feature-card featured pulse-hover glow-effect">
                    <div class="feature-badge">推荐</div>
                    <div class="feature-icon">
                        <i class="fas fa-infinity"></i>
                    </div>
                    <h3 data-key="features.totem.title">无限不死图腾</h3>
                    <p data-key="features.totem.desc">为不死图腾附魔后，它将获得无限使用能力！死亡时自动复活但不消耗图腾，让你在危险的冒险中永远拥有第二次机会。</p>
                    <ul class="feature-list">
                        <li><i class="fas fa-magic"></i> <span data-key="features.totem.effect1">附魔后永不消耗</span></li>
                        <li><i class="fas fa-heart-broken"></i> <span data-key="features.totem.effect2">自动复活到1血</span></li>
                        <li><i class="fas fa-sparkles"></i> <span data-key="features.totem.effect3">完整图腾效果</span></li>
                        <li><i class="fas fa-cog"></i> <span data-key="features.totem.effect4">可通过配置开关</span></li>
                    </ul>
                </div>
                
                <div class="feature-card pulse-hover">
                    <div class="feature-icon">
                        <i class="fas fa-meteor"></i>
                    </div>
                    <h3 data-key="features.fireball.title">超强火焰弹</h3>
                    <p data-key="features.fireball.desc">右键点击火焰弹即可投掷！造成大范围爆炸伤害和火焰效果，是对付怪物群的终极武器。威力强劲，效果震撼！</p>
                    <ul class="feature-list">
                        <li><i class="fas fa-mouse-pointer"></i> <span data-key="features.fireball.effect1">右键投掷操作</span></li>
                        <li><i class="fas fa-bomb"></i> <span data-key="features.fireball.effect2">强力爆炸效果</span></li>
                        <li><i class="fas fa-fire-alt"></i> <span data-key="features.fireball.effect3">大范围火焰伤害</span></li>
                        <li><i class="fas fa-crosshairs"></i> <span data-key="features.fireball.effect4">精确投掷轨迹</span></li>
                    </ul>
                </div>
                
                <div class="feature-card new-feature pulse-hover">
                    <div class="feature-badge">全新</div>
                    <div class="feature-icon">
                        <i class="fas fa-dove"></i>
                    </div>
                    <h3 data-key="features.peaceful.title">宁静加强模式</h3>
                    <p data-key="features.peaceful.desc">比原版宁静模式更强大的自定义难度！阻止怪物自然生成，但允许使用刷怪蛋和刷怪笼。坚守者也不会产生讨厌的黑暗效果。</p>
                    <ul class="feature-list">
                        <li><i class="fas fa-ban"></i> <span data-key="features.peaceful.effect1">禁止怪物自然生成</span></li>
                        <li><i class="fas fa-egg"></i> <span data-key="features.peaceful.effect2">允许刷怪蛋使用</span></li>
                        <li><i class="fas fa-dungeon"></i> <span data-key="features.peaceful.effect3">刷怪笼正常工作</span></li>
                        <li><i class="fas fa-eye-slash"></i> <span data-key="features.peaceful.effect4">无坚守者黑暗效果</span></li>
                        <li><i class="fas fa-terminal"></i> <span data-key="features.peaceful.effect5">完整命令控制</span></li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <!-- 下载区域 -->
    <section id="download" class="download">
        <div class="container">
            <div class="section-header">
                <h2 data-key="download.title">下载模组</h2>
                <p data-key="download.subtitle">选择适合你的版本，开始你的增强冒险</p>
            </div>
            <div class="download-cards">
                <div class="download-card primary">
                    <div class="download-header">
                        <h3 data-key="download.stable">稳定版</h3>
                        <span class="version">v1.1.0</span>
                    </div>
                    <div class="download-content">
                        <div class="download-info">
                            <p><strong>Minecraft:</strong> 1.21.8</p>
                            <p><strong>Fabric Loader:</strong> 0.16.14+</p>
                            <p><strong>Fabric API:</strong> 0.129.0+</p>
                            <p><strong>Java:</strong> 21+</p>
                        </div>
                        <div class="download-size" data-key="download.filesize">文件大小: ~2.5MB</div>
                        <a href="downloads/apple-enchanted-1.1.0.jar" class="btn btn-download" download>
                            <i class="fas fa-download"></i>
                            <span data-key="download.btn">下载模组文件</span>
                        </a>
                    </div>
                </div>
                
                <div class="download-card">
                    <div class="download-header">
                        <h3 data-key="download.source">源代码</h3>
                        <span class="version">GitHub</span>
                    </div>
                    <div class="download-content">
                        <div class="download-info">
                            <p>查看完整源代码</p>
                            <p>提交问题和建议</p>
                            <p>参与开发贡献</p>
                        </div>
                        <a href="#" class="btn btn-outline">
                            <i class="fab fa-github"></i>
                            <span data-key="download.view_source">查看源码</span>
                        </a>
                    </div>
                </div>
                
                <div class="download-card">
                    <div class="download-header">
                        <h3>依赖模组</h3>
                        <span class="version">必需</span>
                    </div>
                    <div class="download-content">
                        <div class="download-info">
                            <p><strong>Fabric API</strong> - 必需</p>
                            <p><strong>Fabric Loader</strong> - 必需</p>
                        </div>
                        <a href="https://fabricmc.net/use/installer/" class="btn btn-outline" target="_blank">
                            <i class="fas fa-external-link-alt"></i>
                            获取 Fabric
                        </a>
                    </div>
                </div>
            </div>
            
            <div class="install-warning">
                <i class="fas fa-exclamation-triangle"></i>
                <div>
                    <strong data-key="download.warning">安装前请注意：</strong>
                    <p data-key="download.warning.desc">确保已安装 Fabric Loader 和 Fabric API。本模组仅支持 Minecraft 1.21.8 版本。</p>
                </div>
            </div>
        </div>
    </section>

    <!-- 安装教程 -->
    <section id="tutorial" class="tutorial">
        <div class="container">
            <div class="section-header">
                <h2 data-key="tutorial.title">安装教程</h2>
                <p data-key="tutorial.subtitle">简单几步，轻松安装模组</p>
            </div>
            <div class="tutorial-steps">
                <div class="step">
                    <div class="step-number">1</div>
                    <div class="step-content">
                        <h3 data-key="tutorial.step1.title">安装 Fabric</h3>
                        <p data-key="tutorial.step1.desc">前往 <a href="https://fabricmc.net/use/installer/" target="_blank">Fabric官网</a> 下载并安装 Fabric Loader</p>
                        <div class="step-details">
                            <ul>
                                <li>下载 Fabric Installer</li>
                                <li>选择 Minecraft 1.21.8 版本</li>
                                <li>点击 "Install" 安装</li>
                            </ul>
                        </div>
                    </div>
                </div>
                
                <div class="step">
                    <div class="step-number">2</div>
                    <div class="step-content">
                        <h3 data-key="tutorial.step2.title">下载依赖</h3>
                        <p data-key="tutorial.step2.desc">下载 Fabric API 0.129.0+ 版本，这是运行模组的必需依赖</p>
                        <div class="step-details">
                            <ul>
                                <li>访问 CurseForge 或 Modrinth</li>
                                <li>搜索 "Fabric API"</li>
                                <li>下载对应 1.21.8 版本</li>
                            </ul>
                        </div>
                    </div>
                </div>
                
                <div class="step">
                    <div class="step-number">3</div>
                    <div class="step-content">
                        <h3 data-key="tutorial.step3.title">安装模组</h3>
                        <p data-key="tutorial.step3.desc">将下载的模组文件放入 Minecraft 的 mods 文件夹</p>
                        <div class="step-details">
                            <ul>
                                <li>打开 .minecraft/mods 文件夹</li>
                                <li>将 Fabric API 和本模组 JAR 文件放入</li>
                                <li>启动游戏选择 Fabric 配置文件</li>
                            </ul>
                        </div>
                    </div>
                </div>
                
                <div class="step">
                    <div class="step-number">4</div>
                    <div class="step-content">
                        <h3 data-key="tutorial.step4.title">开始游戏</h3>
                        <p data-key="tutorial.step4.desc">启动 Minecraft，选择 Fabric 配置文件，享受增强的游戏体验！</p>
                        <div class="step-details">
                            <ul>
                                <li>启动器选择 "fabric-loader-1.21.8"</li>
                                <li>进入游戏世界</li>
                                <li>尝试使用金苹果和不死图腾</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 命令指南 -->
    <section id="commands" class="commands">
        <div class="container">
            <div class="section-header">
                <h2 data-key="commands.title">命令使用指南</h2>
                <p data-key="commands.subtitle">宁静加强模式的完整命令参考</p>
            </div>
            <div class="commands-content">
                <div class="command-section">
                    <h3 data-key="commands.basic">基础命令</h3>
                    <div class="command-grid">
                        <div class="command-card slide-in" title="点击复制命令">
                            <div class="command-header">
                                <code>/peacefulplus</code>
                                <span class="command-type" data-key="commands.type.help">帮助</span>
                            </div>
                            <p data-key="commands.help.desc">显示所有可用命令和功能说明</p>
                            <div class="command-hint">💡 点击卡片复制命令</div>
                        </div>
                        
                        <div class="command-card slide-in" title="点击复制命令">
                            <div class="command-header">
                                <code>/peacefulplus toggle</code>
                                <span class="command-type" data-key="commands.type.toggle">切换</span>
                            </div>
                            <p data-key="commands.toggle.desc">快速开启或关闭宁静加强模式</p>
                            <div class="command-hint">💡 点击卡片复制命令</div>
                        </div>
                        
                        <div class="command-card slide-in" title="点击复制命令">
                            <div class="command-header">
                                <code>/peacefulplus status</code>
                                <span class="command-type" data-key="commands.type.status">状态</span>
                            </div>
                            <p data-key="commands.status.desc">查看当前所有功能的开启状态</p>
                            <div class="command-hint">💡 点击卡片复制命令</div>
                        </div>
                    </div>
                </div>
                
                <div class="command-section">
                    <h3 data-key="commands.advanced">高级设置</h3>
                    <div class="command-grid">
                        <div class="command-card slide-in" title="点击复制命令">
                            <div class="command-header">
                                <code>/peacefulplus spawning &lt;true|false&gt;</code>
                                <span class="command-type" data-key="commands.type.spawning">生成</span>
                            </div>
                            <p data-key="commands.spawning.desc">控制怪物是否可以自然生成</p>
                            <div class="command-example">
                                <strong>示例：</strong> <code>/peacefulplus spawning false</code>
                            </div>
                            <div class="command-hint">💡 点击卡片复制命令</div>
                        </div>
                        
                        <div class="command-card slide-in" title="点击复制命令">
                            <div class="command-header">
                                <code>/peacefulplus warden &lt;true|false&gt;</code>
                                <span class="command-type" data-key="commands.type.warden">坚守者</span>
                            </div>
                            <p data-key="commands.warden.desc">控制坚守者是否可以产生黑暗效果</p>
                            <div class="command-example">
                                <strong>示例：</strong> <code>/peacefulplus warden false</code>
                            </div>
                            <div class="command-hint">💡 点击卡片复制命令</div>
                        </div>
                    </div>
                </div>
                
                <div class="usage-scenarios">
                    <h3 data-key="commands.scenarios">使用场景示例</h3>
                    <div class="scenario-grid">
                        <div class="scenario-card slide-in">
                            <div class="scenario-icon">
                                <i class="fas fa-hammer"></i>
                            </div>
                            <h4 data-key="commands.scenario.building">建筑模式</h4>
                            <div class="scenario-commands">
                                <code>/peacefulplus enable</code>
                                <p data-key="commands.scenario.building.desc">专心建造，不被怪物打扰</p>
                            </div>
                        </div>
                        
                        <div class="scenario-card slide-in">
                            <div class="scenario-icon">
                                <i class="fas fa-video"></i>
                            </div>
                            <h4 data-key="commands.scenario.video">视频制作</h4>
                            <div class="scenario-commands">
                                <code>/peacefulplus enable</code><br>
                                <code>/summon zombie ~ ~ ~</code>
                                <p data-key="commands.scenario.video.desc">需要特定怪物时手动生成</p>
                            </div>
                        </div>
                        
                        <div class="scenario-card slide-in">
                            <div class="scenario-icon">
                                <i class="fas fa-search"></i>
                            </div>
                            <h4 data-key="commands.scenario.cave">洞穴探索</h4>
                            <div class="scenario-commands">
                                <code>/peacefulplus enable</code><br>
                                <code>/peacefulplus warden false</code>
                                <p data-key="commands.scenario.cave.desc">安全探索深层洞穴</p>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="command-note">
                    <i class="fas fa-info-circle"></i>
                    <div>
                        <strong data-key="commands.note">注意：</strong>
                        <p data-key="commands.note.desc">使用这些命令需要OP权限（权限等级2）。刷怪蛋和刷怪笼在宁静加强模式下仍然正常工作。</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Bug反馈 -->
    <section id="bugreport" class="bug-feedback">
        <div class="container">
            <div class="section-header">
                <h2 data-key="bugreport.title">Bug反馈</h2>
                <p data-key="bugreport.subtitle">发现问题？我们来帮您解决！</p>
            </div>
            <div class="bug-feedback-content">
                <div class="feedback-methods">
                    <h3 data-key="bugfeedback.title">反馈方式</h3>
                    
                    <div class="contact-method">
                        <div class="contact-icon">
                            <i class="fab fa-github"></i>
                        </div>
                        <div class="contact-info">
                            <h4 data-key="bugfeedback.github">GitHub Issues</h4>
                            <p data-key="bugfeedback.github.desc">在 GitHub 上提交问题，可以获得最快的响应和技术支持</p>
                        </div>
                    </div>
                    
                    <div class="contact-method">
                        <div class="contact-icon">
                            <i class="fas fa-envelope"></i>
                        </div>
                        <div class="contact-info">
                            <h4 data-key="bugfeedback.email">邮件反馈</h4>
                            <p data-key="bugfeedback.email.desc">发送详细的问题描述到我们的邮箱，我们会及时回复</p>
                        </div>
                    </div>
                    
                    <div class="contact-method">
                        <div class="contact-icon">
                            <i class="fab fa-discord"></i>
                        </div>
                        <div class="contact-info">
                            <h4 data-key="bugfeedback.discord">Discord 社区</h4>
                            <p data-key="bugfeedback.discord.desc">加入 Discord 服务器，与其他玩家交流并获得实时帮助</p>
                        </div>
                    </div>
                </div>
                
                <div class="feedback-guidelines">
                    <h3 data-key="bugfeedback.report_title">反馈指南</h3>
                    
                    <div class="guideline-item">
                        <h4><i class="fas fa-info-circle"></i> 基本信息</h4>
                        <ul>
                            <li data-key="bugfeedback.report_minecraft">Minecraft 版本 (必须是 1.21.8)</li>
                            <li data-key="bugfeedback.report_fabric">Fabric Loader 版本</li>
                            <li data-key="bugfeedback.report_mod">模组版本</li>
                            <li data-key="bugfeedback.report_other">其他已安装的模组列表</li>
                        </ul>
                    </div>
                    
                    <div class="guideline-item">
                        <h4><i class="fas fa-list-ol"></i> 详细描述</h4>
                        <ul>
                            <li data-key="bugfeedback.report_steps">重现问题的步骤</li>
                            <li data-key="bugfeedback.report_expected">期望的结果</li>
                            <li data-key="bugfeedback.report_actual">实际发生的结果</li>
                            <li data-key="bugfeedback.report_logs">游戏崩溃日志（如果有）</li>
                        </ul>
                    </div>
                </div>
                
                <div class="common-issues">
                    <h3 data-key="bugreport.common.title">常见问题解决</h3>
                    <div class="issues-accordion">
                        <div class="issue-item">
                            <div class="issue-header" onclick="toggleIssue(this)">
                                <h4 data-key="bugreport.common.crash.title">游戏崩溃或无法启动</h4>
                                <i class="fas fa-chevron-down"></i>
                            </div>
                            <div class="issue-content">
                                <ol>
                                    <li data-key="bugreport.common.crash.step1">检查Fabric Loader版本是否为0.16.14+</li>
                                    <li data-key="bugreport.common.crash.step2">确认已安装Fabric API 0.129.0+</li>
                                    <li data-key="bugreport.common.crash.step3">检查Java版本是否为21+</li>
                                    <li data-key="bugreport.common.crash.step4">移除其他模组进行测试</li>
                                </ol>
                            </div>
                        </div>
                        
                        <div class="issue-item">
                            <div class="issue-header" onclick="toggleIssue(this)">
                                <h4 data-key="bugreport.common.commands.title">命令无法使用</h4>
                                <i class="fas fa-chevron-down"></i>
                            </div>
                            <div class="issue-content">
                                <ol>
                                    <li data-key="bugreport.common.commands.step1">确认拥有OP权限（权限等级2）</li>
                                    <li data-key="bugreport.common.commands.step2">检查宁静加强模式是否已启用</li>
                                    <li data-key="bugreport.common.commands.step3">尝试重新进入世界</li>
                                    <li data-key="bugreport.common.commands.step4">检查服务器控制台是否有错误信息</li>
                                </ol>
                            </div>
                        </div>
                        
                        <div class="issue-item">
                            <div class="issue-header" onclick="toggleIssue(this)">
                                <h4 data-key="bugreport.common.effects.title">功能效果异常</h4>
                                <i class="fas fa-chevron-down"></i>
                            </div>
                            <div class="issue-content">
                                <ol>
                                    <li data-key="bugreport.common.effects.step1">确认模组功能在配置中已启用</li>
                                    <li data-key="bugreport.common.effects.step2">检查是否与其他模组冲突</li>
                                    <li data-key="bugreport.common.effects.step3">尝试重置配置文件</li>
                                    <li data-key="bugreport.common.effects.step4">查看游戏日志寻找错误信息</li>
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>
                
                <!-- 在线反馈表单 -->
                <div class="online-feedback-section">
                    <div class="section-header">
                        <h3 data-key="bugfeedback.online_title">在线反馈</h3>
                        <p data-key="bugfeedback.online_subtitle">直接在网页上提交问题，我们会尽快回复</p>
                    </div>
                    
                    <div class="feedback-form-container">
                        <form id="feedbackForm" class="feedback-form">
                            <div class="form-group">
                                <label for="feedbackType" data-key="bugfeedback.form.type">问题类型</label>
                                <select id="feedbackType" name="type" required>
                                    <option value="" data-key="bugfeedback.form.type_select">请选择问题类型</option>
                                    <option value="bug" data-key="bugfeedback.form.type_bug">Bug报告</option>
                                    <option value="feature" data-key="bugfeedback.form.type_feature">功能建议</option>
                                    <option value="compatibility" data-key="bugfeedback.form.type_compatibility">兼容性问题</option>
                                    <option value="other" data-key="bugfeedback.form.type_other">其他问题</option>
                                </select>
                            </div>
                            
                            <div class="form-group">
                                <label for="feedbackEmail" data-key="bugfeedback.form.email">邮箱地址</label>
                                <input type="email" id="feedbackEmail" name="email" required 
                                       data-placeholder-key="bugfeedback.form.email_placeholder">
                            </div>
                            
                            <div class="form-group">
                                <label for="feedbackTitle" data-key="bugfeedback.form.title">问题标题</label>
                                <input type="text" id="feedbackTitle" name="title" required 
                                       data-placeholder-key="bugfeedback.form.title_placeholder">
                            </div>
                            
                            <div class="form-row">
                                <div class="form-group">
                                    <label for="minecraftVersion" data-key="bugfeedback.form.minecraft_version">Minecraft版本</label>
                                    <select id="minecraftVersion" name="minecraftVersion">
                                        <option value="1.21.8">1.21.8 (推荐)</option>
                                        <option value="other" data-key="bugfeedback.form.version_other">其他版本</option>
                                    </select>
                                </div>
                                
                                <div class="form-group">
                                    <label for="modVersion" data-key="bugfeedback.form.mod_version">模组版本</label>
                                    <select id="modVersion" name="modVersion">
                                        <option value="v1.1.0">v1.1.0 (最新)</option>
                                        <option value="v1.0.0">v1.0.0</option>
                                        <option value="other" data-key="bugfeedback.form.version_other">其他版本</option>
                                    </select>
                                </div>
                            </div>
                            
                            <div class="form-group">
                                <label for="feedbackDescription" data-key="bugfeedback.form.description">详细描述</label>
                                <textarea id="feedbackDescription" name="description" rows="6" required 
                                          data-placeholder-key="bugfeedback.form.description_placeholder"></textarea>
                            </div>
                            
                            <div class="form-group">
                                <label for="reproductionSteps" data-key="bugfeedback.form.reproduction">重现步骤（可选）</label>
                                <textarea id="reproductionSteps" name="reproduction" rows="4" 
                                          data-placeholder-key="bugfeedback.form.reproduction_placeholder"></textarea>
                            </div>
                            
                            <div class="form-group">
                                <label for="otherMods" data-key="bugfeedback.form.other_mods">其他已安装的模组（可选）</label>
                                <textarea id="otherMods" name="otherMods" rows="3" 
                                          data-placeholder-key="bugfeedback.form.other_mods_placeholder"></textarea>
                            </div>
                            
                            <div class="form-actions">
                                <button type="submit" class="btn-submit" data-key="bugfeedback.form.submit">
                                    <i class="fas fa-paper-plane"></i>
                                    <span>提交反馈</span>
                                </button>
                                <button type="reset" class="btn-reset" data-key="bugfeedback.form.reset">
                                    <i class="fas fa-undo"></i>
                                    <span>重置表单</span>
                                </button>
                            </div>
                        </form>
                        
                        <!-- 提交成功提示 -->
                        <div id="feedbackSuccess" class="feedback-success" style="display: none;">
                            <div class="success-icon">
                                <i class="fas fa-check-circle"></i>
                            </div>
                            <h4 data-key="bugfeedback.success.title">反馈提交成功！</h4>
                            <p data-key="bugfeedback.success.message">感谢您的反馈，我们会尽快查看并回复。如有紧急问题，请通过GitHub Issues联系我们。</p>
                            <button class="btn-new-feedback" onclick="resetFeedbackForm()" data-key="bugfeedback.success.new">
                                <i class="fas fa-plus"></i>
                                <span>提交新反馈</span>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 更新日志 -->
    <section id="changelog" class="changelog">
        <div class="container">
            <div class="section-header">
                <h2 data-key="changelog.title">更新日志</h2>
                <p data-key="changelog.subtitle">查看模组的最新更新和改进</p>
            </div>
            <div class="changelog-content">
                <div class="changelog-item">
                    <div class="changelog-header">
                        <h3>v1.1.0</h3>
                        <span class="changelog-date">2024-12-29</span>
                        <span class="changelog-type new" data-key="changelog.latest">最新版本</span>
                    </div>
                    <div class="changelog-body">
                        <h4 data-key="changelog.new_features">🆕 全新功能</h4>
                        <ul>
                            <li><strong>🕊️ 宁静加强模式</strong> - 比原版宁静模式更强大的自定义难度</li>
                            <li><strong>🚫 智能怪物控制</strong> - 阻止自然生成但允许手动放置</li>
                            <li><strong>👁️ 坚守者优化</strong> - 禁用讨厌的黑暗效果</li>
                            <li><strong>⚡ 完整命令系统</strong> - /peacefulplus 命令全面控制</li>
                        </ul>
                        
                        <h4 data-key="changelog.improvements">🛠️ 改进优化</h4>
                        <ul>
                            <li>优化了模组兼容性检测系统</li>
                            <li>改进了配置文件的管理机制</li>
                            <li>增强了错误处理和日志输出</li>
                        </ul>
                    </div>
                </div>
                
                <div class="changelog-item">
                    <div class="changelog-header">
                        <h3>v1.0.0</h3>
                        <span class="changelog-date">2024-12-28</span>
                        <span class="changelog-type" data-key="changelog.stable">稳定版</span>
                    </div>
                    <div class="changelog-body">
                        <h4>🎉 首次发布</h4>
                        <ul>
                            <li><strong>✨ 增强金苹果系统</strong> - 9种强力状态效果，大幅提升游戏体验</li>
                            <li><strong>♾️ 无限不死图腾</strong> - 附魔后永不消耗，真正的无限复活</li>
                            <li><strong>💥 超强火焰弹投掷</strong> - 右键投掷，造成大范围爆炸伤害</li>
                            <li><strong>⚙️ 可配置功能</strong> - 所有功能都可以通过配置文件开关</li>
                            <li><strong>🔧 完美兼容</strong> - 兼容其他模组，使用 Mixin 技术确保稳定性</li>
                        </ul>
                        
                        <h4 data-key="changelog.tech_features">🛠️ 技术特性</h4>
                        <ul>
                            <li>支持 Minecraft 1.21.8</li>
                            <li>基于 Fabric 框架开发</li>
                            <li>使用 Java 21 编译</li>
                            <li>完整的错误处理和日志系统</li>
                        </ul>
                        
                        <h4 data-key="changelog.known_issues">📋 已知问题</h4>
                        <ul>
                            <li>无已知问题 - 如有发现请及时反馈</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 关于 -->
    <section id="about" class="about">
        <div class="container">
            <div class="about-content">
                <div class="about-text">
                    <h2 data-key="about.title">关于模组</h2>
                    <p>
                        <strong>加强附魔金苹果</strong> 是一个为 Minecraft 1.21.8 设计的 Fabric 模组，
                        旨在为玩家提供更丰富、更有趣的游戏体验。模组专注于增强现有物品的功能，
                        而不是添加大量新内容，保持游戏的原版风味。
                    </p>
                    <p>
                        我们的设计理念是"增强而不臃肿"。每一个功能都经过精心设计和平衡，
                        确保它们能够无缝融入原版游戏体验，同时为玩家带来新的战略选择和乐趣。
                    </p>
                    
                    <div class="about-features">
                        <div class="about-feature">
                            <i class="fas fa-code"></i>
                            <div>
                                <h4 data-key="about.opensource">开源免费</h4>
                                <p data-key="about.opensource.desc">完全开源，永久免费使用</p>
                            </div>
                        </div>
                        <div class="about-feature">
                            <i class="fas fa-puzzle-piece"></i>
                            <div>
                                <h4 data-key="about.compatible">模组兼容</h4>
                                <p data-key="about.compatible.desc">与大多数其他模组完美兼容</p>
                            </div>
                        </div>
                        <div class="about-feature">
                            <i class="fas fa-cogs"></i>
                            <div>
                                <h4 data-key="about.configurable">高度可配置</h4>
                                <p data-key="about.configurable.desc">所有功能都可以自由开关</p>
                            </div>
                        </div>
                        <div class="about-feature">
                            <i class="fas fa-shield-alt"></i>
                            <div>
                                <h4 data-key="about.stable">稳定可靠</h4>
                                <p data-key="about.stable.desc">使用现代 Mixin 技术确保稳定性</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="about-stats">
                    <div class="stat-card">
                        <div class="stat-icon">
                            <i class="fas fa-download"></i>
                        </div>
                        <div class="stat-info">
                            <span class="stat-number">1,000+</span>
                            <span class="stat-label">下载量</span>
                        </div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-icon">
                            <i class="fas fa-star"></i>
                        </div>
                        <div class="stat-info">
                            <span class="stat-number">5.0</span>
                            <span class="stat-label">用户评分</span>
                        </div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-icon">
                            <i class="fas fa-users"></i>
                        </div>
                        <div class="stat-info">
                            <span class="stat-number">500+</span>
                            <span class="stat-label">活跃用户</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 页脚 -->
    <footer class="footer">
        <div class="container">
            <div class="footer-content">
                <div class="footer-section">
                    <div class="footer-logo">
                        <img src="images/logo-small.svg" alt="加强附魔金苹果模组" class="footer-logo-icon">
                        <span data-key="footer.title">加强附魔金苹果</span>
                    </div>
                    <p>为 Minecraft 玩家打造的终极增强模组</p>
                    <div class="social-links">
                        <a href="#" title="GitHub"><i class="fab fa-github"></i></a>
                        <a href="#" title="Discord"><i class="fab fa-discord"></i></a>
                        <a href="#" title="QQ群"><i class="fab fa-qq"></i></a>
                    </div>
                </div>
                
                <div class="footer-section">
                    <h4>快速链接</h4>
                    <ul>
                        <li><a href="#download">下载模组</a></li>
                        <li><a href="#tutorial">安装教程</a></li>
                        <li><a href="#changelog">更新日志</a></li>
                        <li><a href="#about">关于我们</a></li>
                    </ul>
                </div>
                
                <div class="footer-section">
                    <h4>支持</h4>
                    <ul>
                        <li><a href="#">使用帮助</a></li>
                        <li><a href="#">常见问题</a></li>
                        <li><a href="#">BUG反馈</a></li>
                        <li><a href="#">功能建议</a></li>
                    </ul>
                </div>
                
                <div class="footer-section">
                    <h4>系统要求</h4>
                    <ul>
                        <li>Minecraft 1.21.8</li>
                        <li>Fabric Loader 0.16.14+</li>
                        <li>Fabric API 0.129.0+</li>
                        <li>Java 21+</li>
                    </ul>
                </div>
            </div>
            
            <div class="footer-bottom">
                <div class="footer-bottom-content">
                    <p>&copy; 2024 加强附魔金苹果模组. 保留所有权利.</p>
                    <p>本模组基于 MIT 许可证开源 | Minecraft 是 Mojang Studios 的商标</p>
                </div>
            </div>
        </div>
    </footer>

    <!-- 返回顶部按钮 -->
    <button id="back-to-top" class="back-to-top" title="返回顶部">
        <i class="fas fa-arrow-up"></i>
    </button>

    <!-- JavaScript -->
    <script src="js/translations.js"></script>
    <script src="js/script.js"></script>
</body>
</html>